@import "colors";

.wg-text-card .card {
  &.without-background {
    box-shadow: none;
    border: 0;
    border-radius: 0;

    h2 {
      font-size: 1.3rem;
      padding-top: 1.1rem;
      padding-bottom: 0.6rem;
      position: relative;
      text-align: left;
      color: $mosaic-navy;

      &::after {
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        height: 3px;
        background-image: linear-gradient(90deg, #F88D2B, #2D2252);
        position: absolute;
        border-radius: 1rem;
      }
    }

    h3 {
      font-size: 1.1rem;
    }

    .card-body p {
      font-size: 0.85rem !important;
    }

    .card-footer {
      background: none;
      border: 0;
      flex: 1 1 auto;
      min-height: 1px;
      padding: 0 1.25rem;

      a.mosaic-btn {
        margin: 0;
      }
    }
  }

  &.with-background {
    @extend .mosaic-card-light;
  }

  .card-text h3:first-child {
    margin-top: 0;
    padding-top: 0;
  }

  .card-image {
    padding-top: 0.75rem;
  }
}
